From 2769277efbdab25487406af291c92b6ad6e1a19b Mon Sep 17 00:00:00 2001
From: Nikhil M Warrier <nikhilmw.dev@gmail.com>
Date: Thu, 5 Mar 2026 21:09:33 +0530
Subject: Update member cards

---
 src/pages/members/[...id].astro | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

(limited to 'src/pages/members/[...id].astro')

diff --git a/src/pages/members/[...id].astro b/src/pages/members/[...id].astro
index 8010365..3bf4e3c 100644
--- a/src/pages/members/[...id].astro
+++ b/src/pages/members/[...id].astro
@@ -5,6 +5,7 @@ import MemberCard from '@/components/MemberCard.astro'
 import PageHead from '@/components/PageHead.astro'
 import Layout from '@/layouts/Layout.astro'
 import { getAllMembers, getPostsByAuthor } from '@/lib/data-utils'
+import { render } from 'astro:content'
 
 export async function getStaticPaths() {
   const members = await getAllMembers()
@@ -16,6 +17,7 @@ export async function getStaticPaths() {
 
 const { member } = Astro.props
 const memberPosts = await getPostsByAuthor(member.id)
+const { Content, headings } = await render(member)
 ---
 
 <Layout class="max-w-3xl">
@@ -32,10 +34,16 @@ const memberPosts = await getPostsByAuthor(member.id)
     ]}
   />
 
-  <section>
+  <section
+    class="my-5 grid grid-cols-1 grid-rows-2 justify-items-center gap-6 px-2 md:grid-cols-[16rem_1fr] md:grid-rows-1 md:px-0"
+  >
     <MemberCard member={member} />
+    <article class="prose">
+      <Content />
+    </article>
   </section>
-  <section class="flex flex-col gap-y-4">
+
+  <section class="my-15 flex flex-col gap-y-4">
     <h2 class="text-2xl font-medium">Posts by {member.data.name}</h2>
     {
       memberPosts.length > 0 ? (
-- 
cgit v1.2.3